<template>
	<div class="preOrder">
		<div class="userInfo flex align-center marginAuto justify-between">
			书名： <el-input style="width: 300px;" v-model="userInfo.user" placeholder="请输入账号"></el-input>
		</div>
		<div class="userInfo flex align-center marginAuto justify-between" style="margin-top: 20px;">
			作者： <el-input show-password style="width: 300px;" v-model="userInfo.password" placeholder="请输入密码">
			</el-input>
		</div>
		<div class="flex align-center marginAuto justify-around">
			<el-button @click="submit" class="userInfo" type="primary" style="color: #FFFFFF;">确认</el-button>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'preOrder',
		data() {
			return {
				userInfo: {},
				dialogImageUrl: '',
				dialogVisible: false
			}
		},
		methods: {
			handleRemove(file, fileList) {
				console.log(file, fileList);
			},
			handlePictureCardPreview(file) {
				this.dialogImageUrl = file.url;
				this.dialogVisible = true;
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.preOrder {
		.userInfo {
			width: 420px;
			color: gray;
			font-size: 22px;
			margin-top: 100px;
		}
	}
</style>
